<script setup lang="ts">
/**
 * 组件参数
 */
const {
  value,
  onText = '开启',
  offText = '关闭',
} = defineProps<{
  // 状态，是否开启
  value: boolean | 0 | 1;
  // 开启时显示的文本
  onText?: string;
  // 关闭时显示的文本
  offText?: string;
}>()
</script>

<template>
  <n-tag v-if="value" type="success">{{ onText }}</n-tag>
  <n-tag v-else>{{ offText }}</n-tag>
</template>

<style scoped lang="scss">
.n-tag {
  border-radius: 0.5rem;
}
</style>
